<% include ../header.html %>
<link rel="stylesheet" href="css/account/per_info/per_info.css" />
<link rel="stylesheet" href="css/account/acc_common.css" />
<link rel="stylesheet" type="text/css" href="css/account/select_common.css"/>
<link rel="stylesheet" type="text/css" href="css/account/per_info/select_area.css"/>
<link rel="stylesheet" type="text/css" href="lib/reset.css"/>
<div id="wrap">
	<div class="acc_progress">
		<div class="acc_progress_img">
			<img src="img/account/per_info/icon_finished.png" />
			<img src="img/account/per_info/line_finished.png" />
			<img src="img/account/per_info/icon_finished.png" />
			<img src="img/account/per_info/line_unfinished.png" />
			<img src="img/account/per_info/icon_unfinished.png" />
			<img src="img/account/per_info/line_unfinished.png" />
			<img src="img/account/per_info/icon_unfinished.png" />
		</div>
		<div class="acc_progress_txt">
			<span>评估问卷</span>
			<span>个人信息</span>
			<span>投资信息</span>
			<span>完成开户</span>
		</div>
	</div>
	<div class="title">基本信息</div>
	<div class="content">
		<div class="name">
			<span>真实姓名</span>
			<input class="input" placeholder="请输入真实姓名"  maxlength="10" />
		</div>
		<div class="name_check">
			<img src="img/account/per_info/per_info_background.png" />
			<span>请正确输入姓名</span>
		</div>
		<div class="identity">
			<span>身份证号</span>
			<input class="input fonte" type="text" type="text" placeholder="请输入身份证号" value="" />
		</div>
		<div class="identity_check">
			<img src="img/account/per_info/per_info_background.png" />
			<span id="id_msg">身份证号错误请重新填写。</span> 
		</div>
		<div class="tel_add">
			<span>通讯地址</span>
			<span id="show_contact">请选择</span>
			<div class="add_slt"></div>
			<input type="hidden" name="contact_province_code" data-id="0001" id="contact_province_code" value="" data-province-name="">
			<input type="hidden" name="contact_city_code" id="contact_city_code" value="" data-city-name="">
		</div>
		<div class="full_add">
			<span>详细地址</span>
			<textarea id="full_add_area" placeholder="请输入详细地址" maxlength="100" /></textarea>
		</div>
		<div class="full_add_check">
			<img src="img/account/per_info/per_info_background.png" />
			<span>字符数&lt;100，不能输入特殊字符。</span>
		</div>
	</div>
	<div class="title">绑定银行</div>
	<div class="content">
		<div class="bank_name">
			<span>签约银行</span>
			<span id="showBank">请选择</span>
			<div class="bank_slt"></div>
			<input type="hidden" name="bank_id" id="bankId" value="">
		</div>
		<div class="bank_acc">
			<span>银行账号</span>
			<input class="input fonte" type="number" placeholder="请输入银行账号" value="" />
		</div>
		<div class="bank_acc_check">
			<img src="img/account/per_info/per_info_background.png" />
			<span>请输入正确的银行卡号</span>
		</div>
		<div class="deal_pass">
			<span>交易密码</span>
			<input class="input fonte"  type="password" maxlength="16"   style="ime-mode:disabled" placeholder="请输入交易密码" value="" onkeyup="this.value=this.value.replace(/^ +| +$/g,'')" />
			<div class="pass_hide">
				<img src="img/account/per_info/icon_close_eye.png" />
			</div>
		</div>
		<div class="deal_pass_check">
			<img src="img/account/per_info/per_info_background.png" />
			<span>交易密码为6-16位字母、数字或特殊字符。</span>
		</div>
		<div class="tel_pass">
			<span>电话密码</span>
			<input class="input fonte" type="password" maxlength="16" style="ime-mode:disabled" placeholder="请输入电话密码" value="" onkeyup="this.value=this.value.replace(/^ +| +$/g,'')" />
			<div class="pass_hide">
				<img src="img/account/per_info/icon_close_eye.png" />
			</div>
		</div>
		<div class="tel_pass_check">
			<img src="img/account/per_info/per_info_background.png" />
			<span>电话密码为6-16位字母、数字或特殊字符。</span>
		</div>
	</div>
	<div class="next_page">
		<div class="next_btn">
			<div>下一步</div>
		</div>
		<div class="risk_tip">
			<img src="img/account/per_info/icon_risk_tip.png" />
			<span>风险提示：请您填写真实、有效的个人信息，您所填的信息将影响到您实盘账号的申请。</span>
		</div>
	</div>
	<div class="alert_box">
		<div class="alert_cont">
			<div class="alert_txt">
				<span>请您核实填写的内容准确和完整 </span>
			</div>
			<div class="alert_close">确定</div>
		</div>
	</div>
</div>
<% include ../footer.html %>
<script src="lib/zepto.js" type="text/javascript" charset="utf-8"></script>
<script src="js/account/per_info/per_info.js"></script>
<script src="js/account/per_info/select.js" type="text/javascript" charset="utf-8"></script>
<script src="js/account/per_info/select_common.js" type="text/javascript" charset="utf-8"></script>
<script src="js/account/per_info/data.js" type="text/javascript" charset="utf-8"></script>
<script src="lib/iscroll.js" type="text/javascript" charset="utf-8"></script>
<script src="js/account/per_info/select_area.js" type="text/javascript" charset="utf-8"></script>
